<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Vic`s Blog</title>
    <link href="/common/common.css" rel="stylesheet" type="text/css"/>

    <#include "common/static.ftl"/>
</head>
<body>

<div class="container">
    <#include "common/myself.ftl"/>
    <div class="row clearfix content-header">
        <div class="col-md-2">
            <img title="文章列表" src="/images/列表.png" style="height: 47px;margin-top: 25px;margin-left: 25px;">
        </div>
        <div class="col-md-10" style="text-align: right">
            <a type="button" class="btn btn-success" style="margin-top: 31px;margin-right: 38px;" href="/route/write">写文章</a>
        </div>
    </div>

    <table class="table table-hover" style="margin: 0 20px 0 20px;width: 97%">
        <thead>
        <tr style="font-size: 20px;color: #385563;">
            <th>标题</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody>
        <#list articleList as item>
            <tr>
                <td>${item.title}</td>
                <td>
                    <a title="查看文章" href="/route/detail?id=${item.id}" aria-label="Left Align" style="color: #385563">
                        <span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
                    </a>
                    <a title="修改文章" href="/route/edit?id=${item.id}" aria-label="Left Align" style="color: #ec9f31;padding-left: 3px;padding-right: 3px;">
                        <span class="glyphicon glyphicon-edit" aria-hidden="true"></span>
                    </a>
                    <a title="删除" onclick="deleteArticle('${item.id}')" aria-label="Left Align" style="color: #ccc;cursor: pointer">
                        <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
                    </a>
                </td>
            </tr>
        </#list>
        </tbody>
    </table>


</div>
</body>
</html>